﻿<!DOCTYPE HTML>
<html lang="zh-CN">
	<head>
		<title></title>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<link rel="stylesheet" type="text/css" href="static/css/bootstrap.min.css"/>
		<link rel="stylesheet" type="text/css" href="static/css/main.css"/>
	</head>
	<body>
		<nav class="navbar navbar-default">
			<div class="container">
				<a class="logo pull-left" href="#">
					<h1>上海画旭<span>网络技术有限公司</span></h1>
				</a>
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse" aria-expanded="false">
				        <span class="sr-only">Toggle navigation</span>
				        <span class="icon-bar"></span>
				        <span class="icon-bar"></span>
				        <span class="icon-bar"></span>
				   </button>
				</div>
				<div class="collapse navbar-collapse " id="bs-example-navbar-collapse">
					<ul class="nav navbar-nav navbar-right">
						<li class="navBg"></li>
						<li class="active">
							<a href="index.html">网站首页</a>
						</li>
						<li>
							<a href="about.html">关于我们</a>
						</li>
						<li>
							<a href="service.html">服务案例</a>
						</li>
						<li>
							<a href="news.html">新闻中心</a>
						</li>
						<li>
							<a href="contact.html">联系我们</a>
						</li>
					</ul>
				</div>
			</div>
		</nav>
		<!--space-->
		<div class="space"></div>
		<!--banner-->
		<div class="banner">
			<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
				<!-- Indicators -->
				<ol class="carousel-indicators">
					<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
					<li data-target="#carousel-example-generic" data-slide-to="1"></li>
				</ol>

				<!-- Wrapper for slides -->
				<div class="carousel-inner" role="listbox">
					<div class="item active">
						<img src="static/images/banner/banner1.jpg">
					</div>
					<div class="item">
						<img src="static/images/banner/banner2.jpg">
					</div>
				</div>

				<!-- Controls -->
				<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
					<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
					<span class="sr-only">Previous</span>
				</a>
				<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
					<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
					<span class="sr-only">Next</span>
				</a>
			</div>
		</div>
		<!--honor-->
		<div class="honor padT80 padB80 greyBg">
			<div class="container">
				<section class="title">
					<h2>公司介绍</h2>
				</section>
				<div class="row padT80">
					<div class="col-sm-4">
						<div class="honty">
							<div>
								<div class="ty"><span>A</span></div>
								<div class="tycon">
									<h3>方案合理、质量可靠</h3>
									<p>REASONABLE SCHEME </p>
								</div>
							</div>
							<p>
								以上百家成功案例经验，量身定制最合理的开发方案；
								遵照全球公认的ISO质量体系，精细打磨产品每一个细
								节； 经过我们的努力，给用户带来即舒适又美观的体
								验，同时又能章显其商业价值~
							</p>
						</div>
					</div>	
					<div class="col-sm-4">
						<div class="honty">
							<div>
								<div class="ty"><span>B</span></div>
								<div class="tycon">
									<h3>互相沟通、面面俱到</h3>
									<p>REASONABLE SCHEME </p>
								</div>
							</div>
							<p>
								以上百家成功案例经验，量身定制最合理的开发方案；
								遵照全球公认的ISO质量体系，精细打磨产品每一个细
								节； 经过我们的努力，给用户带来即舒适又美观的体
								验，同时又能章显其商业价值~
							</p>
						</div>
					</div>
					<div class="col-sm-4">
						<div class="honty">
							<div>
								<div class="ty"><span>C</span></div>
								<div class="tycon">
									<h3>交付准时、服务贴心</h3>
									<p>DELIVERY ON TIME</p>
								</div>
							</div>
							<p>
								以上百家成功案例经验，量身定制最合理的开发方案；
								遵照全球公认的ISO质量体系，精细打磨产品每一个细
								节； 经过我们的努力，给用户带来即舒适又美观的体
								验，同时又能章显其商业价值~
							</p>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--charactic-->
		<div class="charactic padT80 padB80">
			<div class="container">
				<div class="row">
					<div class="col-md-4 col-sm-6 col-xs-12">
						<div class="charList">
							<h3>全面服务助企业迈向辉煌</h3>
							<ul>
								<li class="clearfix">
									<div>
										<span>A</span>
									</div>
									<p>
										汇聚全方位技术人员于一体
									</p>
								</li>
								<li class="clearfix">
									<div>
										<span>B</span>
									</div>
									<p>汇聚全方位技术人员于一体</p>
								</li>
								<li class="clearfix">
									<div>
										<span>C</span>
									</div>
									<p>汇聚全方位技术人员于一体</p>
									
								</li>
								<li class="clearfix">
									<div>
										<span>D</span>
									</div>
									<p>汇聚全方位技术人员于一体</p>
								</li>
							</ul>
							<p><a href="">立即联系我们</a></p>
						</div>
					</div>
					<div class="col-md-6 col-md-offset-2 col-sm-6  col-xs-12">
						<section class="title">
							<h2>我们的实力</h2>
						</section>
						<div class="charIntr">
							<p>
								我们的实力：公司融合策划、设计、创新、制作、技术研发于一
								体，汇集了一批资深的交互设计、策划、高级程序开发人员、公
								司以专业的技术、国际水准的设计理念、突破性的创意思维和丰
								富的设计经验与逻辑思维，为客户提供最佳的解决方案。
							</p>
							<a href="">查看更多</a>
						</div>
					</div>
				</div>
				
			</div>
		</div>
		<!--service-->
		<div class="service padT80 padB80 greyBg">
			<div class="container">
				<section class="title">
					<h2>我们的服务</h2>
				</section>
				<ul class="row padT80">
					<li class="col-sm-4 col-xs-12">
						<span>01</span>
						<div>
							<h3>软件定制</h3>
							<p>
								通过专业的软件定制流程来满足各大企业
								不同的软件需求
							</p>
						</div>
					</li>
					<li class="col-sm-4 col-xs-12">
						<span>02</span>
						<div>
							<h3>APP开发</h3>
							<p>
								移动办公OA、社交通讯、儿童教育、商务
								平台、信息管理等各类手机应用
							</p>
						</div>
					</li>
					<li class="col-sm-4 col-xs-12">
						<span>03</span>
						<div>
							<h3>外包服务</h3>
							<p>
								app开发、智能硬件开发、020平台开发、
								电商平台开发、大数据系统开发等
							</p>
						</div>
					</li>
					<li class="col-sm-4 col-xs-12">
						<span>04</span>
						<div>
							<h3>O2O平台开发</h3>
							<p>
								打车软件。外卖外接、水电电商平台、上
								门服务平台等各大O2O平台
							</p>
						</div>
					</li>
					<li class="col-sm-4 col-xs-12">
						<span>05</span>
						<div>
							<h3>网站系统开发</h3>
							<p>
								具有丰富的网站系统开发经验和新颖的创
								意水平，以客户为中心的开发理念
							</p>
						</div>
					</li>
					<li class="col-sm-4 col-xs-12">
						<span>06</span>
						<div>
							<h3>智能硬件开发</h3>
							<p>
								智能水杯、智能手环、智能生活用品、智
								能家居、智慧社区等
							</p>
						</div>
					</li>
				</ul>
			</div>
		</div>
		<!--case-->
		<div class="case padT80 padB80">
			<div class="container">
				<section class="title">
					<h2>成功案例</h2>
				</section>
				<ul class="row padT80">
					<li class="col-sm-4 col-xs-6">
						<a href="case_detail.html">
							<img src="static/images/case/case1.jpg"/>
						</a>
					</li>
					<li class="col-sm-4 col-xs-6">
						<a href="case_detail.html">
							<img src="static/images/case/case2.jpg"/>
						</a>
					</li>
					<li class="col-sm-4 col-xs-6">
						<a href="case_detail.html">
							<img src="static/images/case/case3.jpg"/>
						</a>
					</li>
					<li class="col-sm-4 col-xs-6">
						<a href="case_detail.html">
							<img src="static/images/case/case4.jpg"/>
						</a>
					</li>
					<li class="col-sm-4 col-xs-6">
						<a href="case_detail.html">
							<img src="static/images/case/case5.jpg"/>
						</a>
					</li>
					<li class="col-sm-4 col-xs-6">
						<a href="case_detail.html">
							<img src="static/images/case/case6.jpg"/>
						</a>
					</li>
				</ul>
			</div>
		</div>
		<!--news-->
		<div class="news padT80 padB80 greyBg">
			<div class="container">
				<div class="row">
					<div class="col-sm-6 col-xs-12">
						<section class="title">
							<h2>最新资讯</h2>
						</section>
						<div class="row padT80">
							<a href="">
								<img src="static/images/news/news1.jpg" class="col-sm-6 col-xs-12"/>
							</a>
							<div class="col-sm-6 col-xs-12 newRec">
								<a href="">
									<h3>协同创新大数据驱动旅游未来　</h3>
								</a>
								<p class="newtim">
									<span class="glyphicon glyphicon-time"></span>2017-5-22
								</p>
								<p class="newcon">
									
								</p>
							</div>
						</div>
					</div>
					<ul class="col-sm-6 col-xs-12">
						<li>
							<a href="news_detail.html">
								<div>
									<span>2017-05-22</span>
									<h3>设计师JCY进行设计交流</h3>
								</div>
								<p>
									品经理考虑要做什么产品才有价值，交互设计师考虑怎么把这个想法
									最有效的转化成一系列的界面展现给用户。除了展现，还有和用户的交互。
									这个展现、交互的过程就需要一定的表达能力。
								</p>
							</a>
						</li>
						<li>
							<a href="news_detail.html">
								<div>
									<span>2017-05-22</span>
									<h3>汇智绘美 编程未来——2015微软编程之美挑战赛</h3>
								</div>
								<p>
									xx编程之美挑战赛”是面向在校学生开展的大型编程比赛，致力于为年
									轻开发者提供国际一流水平的开发与交流机会，鼓励他们开发潜能、通
									过创新方法应对现实问题。本届大赛分为资格赛、初赛、复赛和决赛四轮，
									历时近两个月。
								</p>
							</a>
						</li>
						<li>
							<a href="news_detail.html">
								<div>
									<span>2017-05-22</span>
									<h3>助力学生创新实践改变世界</h3>
								</div>
								<p>
									想象有这么一个地方——来自世界各地的学生可以通力合作、共同创新，
									那里既充满大学学术的无限活力，也满载业界拼搏的实践真知。
								</p>
							</a>
						</li>
						<li>
							<a href="news_detail.html">
								<div>
									<span>2017-05-22</span>
									<h3>让计算更为透明、更加可控</h3>
								</div>
								<p>
									移动设备和云应用的爆炸式增长让以上问题变得更为复杂，因为 IT 
									技术既要保护企业信息，又要让员工高效率地运用自己选择的应用和设备。
								</p>
							</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<footer>
			<nav>
				<ul>
					<li><a href="index.html">网站首页</a></li>
					<li><a href="about.html">关于我们</a></li>
					<li><a href="service.html">服务案例</a></li>
					<li><a href="news.html">新闻中心</a></li>
					<li><a href="contact.html">联系我们</a></li>
				</ul>
			</nav>
			<p>
	
				<span class="glyphicon glyphicon-earphone"></span>18912681613
				<span class="glyphicon glyphicon-envelope"></span>348102770@qq.com
			</p>
		</footer>
		<script src="static/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="static/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="static/js/main.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
